opus.Gizmo({
	name: "home",
	plane: "",
	dropTarget: true,
	type: "Palm.Mojo.Panel",
	h: "100%",
	styles: {
		zIndex: 2,
		bgColor: ""
	},
	chrome: [
		{
			name: "panel3",
			layoutKind: "hbox",
			dropTarget: true,
			type: "Palm.Mojo.Panel",
			l: 0,
			t: 0,
			h: "52",
			styles: {
				bgColor: "",
				bgImage: ""
			},
			controls: [
				{
					name: "panel2",
					layoutKind: "hbox",
					dropTarget: true,
					type: "Palm.Mojo.Panel",
					l: 0,
					w: "80",
					t: 0,
					h: "52",
					controls: [
						{
							name: "backBt",
							ontap: "backBtTap",
							className: "back",
							label: "back",
							type: "Palm.Mojo.Header",
							l: 0,
							t: 0,
							h: "52"
						}
					]
				},
				{
					name: "header",
					title: "",
					type: "Palm.Mojo.PageHeader",
					l: 0,
					t: 0
				}
			]
		},
		{
			name: "group1",
			dropTarget: true,
			label: "search",
			type: "Palm.Mojo.Group",
			l: 0,
			t: 51,
			h: "auto",
			controls: [
				{
					name: "row1",
					dropTarget: true,
					isTextField: true,
					type: "Palm.Mojo.Row",
					l: 0,
					t: 0,
					h: "auto",
					styles: {
						oneLine: false
					},
					controls: [
						{
							name: "panel1",
							layoutKind: "hbox",
							dropTarget: true,
							type: "Palm.Mojo.Panel",
							l: 0,
							t: 51,
							h: "52",
							controls: [
								{
									name: "textField1",
									modelName: "m_key",
									hintText: "enter keywords here",
									textCase: "cap-lowercase",
									type: "Palm.Mojo.TextField",
									l: 0,
									r: "",
									w: "90%",
									t: 0,
									styles: {
										oneLine: true
									}
								},
								{
									name: "searchBtn",
									src: "images/search_icon.png",
									autoSize: false,
									ontap: "searchBtnTap",
									type: "Palm.Picture",
									l: "",
									r: "",
									w: "10%",
									t: "",
									b: "",
									h: "52"
								}
							]
						}
					]
				}
			]
		},
		{
			name: "collapsible1",
			dropTarget: true,
			open: false,
			titleLabel: "Offerings",
			openHeight: "auto",
			type: "Palm.Mojo.Collapsible",
			l: 0,
			t: "205",
			h: 40,
			styles: {
				overflow: "hidden"
			},
			controls: [
				{
					name: "menu1",
					dropTarget: true,
					items: [],
					useSampleData: false,
					title: undefined,
					itemHtml: "<div class=\"palm-row\" x-mojo-tap-highlight=\"momentary\">\n  <div class=\"palm-row-wrapper textfield-group\">\n    #{label}\n  </div>\n</div>\n",
					onlisttap: "menu1Listtap",
					swipeToDelete: false,
					reorderable: false,
					type: "Palm.Mojo.List",
					l: 0,
					t: 0,
					h: 100
				}
			]
		},
		{
			name: "collapsible2",
			dropTarget: true,
			open: false,
			titleLabel: "orders",
			openHeight: "auto",
			type: "Palm.Mojo.Collapsible",
			l: 0,
			t: 287,
			h: 40,
			styles: {
				overflow: "hidden"
			},
			controls: [
				{
					name: "menu2",
					dropTarget: true,
					items: [
						{
							label: "Selection List",
							value: "cart"
						},
						{
							label: "Order History",
							value: "orderList"
						}
					],
					useSampleData: false,
					title: undefined,
					itemHtml: "<div class=\"palm-row\" x-mojo-tap-highlight=\"momentary\">\n  <div class=\"palm-row-wrapper textfield-group\">\n    #{label}\n  </div>\n</div>\n",
					onlisttap: "menu2Listtap",
					swipeToDelete: false,
					reorderable: false,
					type: "Palm.Mojo.List",
					l: 0,
					t: 0,
					h: 113
				}
			]
		},
		{
			name: "collapsible3",
			dropTarget: true,
			open: false,
			titleLabel: "requests",
			openHeight: "auto",
			type: "Palm.Mojo.Collapsible",
			l: 0,
			t: 225,
			h: 40,
			styles: {
				overflow: "hidden"
			},
			controls: [
				{
					name: "menu3",
					dropTarget: true,
					items: [
						{
							label: "Request New Package",
							value: "newRequest"
						},
						{
							label: "Content Request Queue",
							value: "requestList"
						}
					],
					useSampleData: false,
					title: undefined,
					itemHtml: "<div class=\"palm-row\" x-mojo-tap-highlight=\"momentary\">\n  <div class=\"palm-row-wrapper textfield-group\">\n    #{label}\n  </div>\n</div>\n",
					onlisttap: "menu2Listtap",
					swipeToDelete: false,
					reorderable: false,
					type: "Palm.Mojo.List",
					l: 0,
					t: 0,
					h: 113
				}
			]
		},
		{
			name: "collapsible4",
			dropTarget: true,
			open: false,
			titleLabel: "setting",
			openHeight: "auto",
			type: "Palm.Mojo.Collapsible",
			l: 0,
			t: 172,
			h: 40,
			styles: {
				overflow: "hidden"
			},
			controls: [
				{
					name: "menu4",
					dropTarget: true,
					items: [
						{
							label: "My Account",
							value: "account"
						},
						{
							label: "Logout",
							value: "logout"
						},
						{
							label: "Application Settings",
							value: "appSetting"
						},
						{
							label: "About Us",
							value: "about"
						},
						{
							label: "Twitter",
							value: "twitter"
						}
					],
					useSampleData: false,
					title: undefined,
					itemHtml: "<div class=\"palm-row\" x-mojo-tap-highlight=\"momentary\">\n  <div class=\"palm-row-wrapper textfield-group\">\n    #{label}\n  </div>\n</div>\n",
					onlisttap: "menu2Listtap",
					swipeToDelete: false,
					reorderable: false,
					type: "Palm.Mojo.List",
					l: 0,
					t: 251,
					h: 281,
					styles: {
						oneLine: false
					}
				}
			]
		}
	]
});